<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>jQuery UI Sortable - Default functionality</title>
		<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
		<script src="//code.jquery.com/jquery-1.10.2.js"></script>
		<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
		<link rel="stylesheet" href="/resources/demos/style.css">
		<style>
			#sortable {
				list-style-type: none;
				margin: 0;
				padding: 0;
				width: 60%;
			}
			
			#sortable li {
				margin: 0 3px 3px 3px;
				padding: 0.4em;
				padding-left: 1.5em;
				font-size: 1.4em;
				height: 18px;
			}
			
			#sortable li span {
				position: absolute;
				margin-left: -1.3em;
			}
		</style>
		<script>
			$(function() {
				$("#sortable").sortable();
				$('#sortable').mousedown(function() {
					document.activeElement.blur();
				});
			});
			function shijiao (val,a) {
				console.log(val);
				if (val == "") {
					$("#" + a).focus();
					return false;
				}
			}
			function dianji () {
				console.log("点击了");
			}
		</script>
	</head>

	<body>

		<ul id="sortable">
			<li class="ui-state-default" onclick="dianji()">
				<div style="height:100px">
					<input type="text" class="description" id="A1" onblur="shijiao(value, 'A1')"/>
				</div>
			</li>
			<li class="ui-state-default" onclick="dianji()">
				<div style="height:100px">
					<input type="text" class="description" id="A2" onblur="shijiao(value, 'A2')"/>
				</div>
			</li>
			<li class="ui-state-default" onclick="dianji()">
				<div style="height:100px">
					<input type="text" class="description" id="A3" onblur="shijiao(value, 'A3')"/>
				</div>
			</li>
			<li class="ui-state-default" onclick="dianji()">
				<div style="height:100px">
					<input type="text" class="description" id="A4" onblur="shijiao(value, 'A4')"/>
				</div>
			</li>
			<li class="ui-state-default" onclick="dianji()">
				<div style="height:100px">
					<input type="text" class="description" id="A5" onblur="shijiao(value, 'A5')"/>
				</div>
			</li>
		</ul>

	</body>

</html>